<html>
<head>
	<meta charset="utf-8" />
	<title>{{the_title}}</title>
	<link rel="stylesheet" type="text/css"href="static/css/index1.css"/>
	<link rel="stylesheet" type="text/css"href="static/css/iconfont.css"/>
	<style>
        input::-webkit-input-placeholder{
            color:#E3E3E3;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#E3E3E3;
        }
       
        p{
        	font-size: 15px;
        	color:#E3E3E3;
        }
        h2{
			color:#E3E3E3;

		}
		h4{
			color:#E3E3E3;

		}
		td{
        	font-size: 15px;
        	color:#E3E3E3;
        }
    </style>
</head>
<body>
	<!--功能1-->
	<form method="POST" action="/ob" id="login-box">
		<table class="input-box"  align="center">
			<h1>{{the_title}}</h1>
				<p>查看你想了解的大学周边POI</p>
				<tr class="input-box">
					<td style="color:white;width:100px;">
						<i class="iconfont">&#xe609;</i>&emsp;地址:
					</td>
					<td>
						<input type="text" name="address" placeholder="请输入您所在的地点" required autofocus>
						<p style="color: #C4F7F9;">
							· 规则遵循：国家、省份、城市、区县、城镇、乡村、街道、门牌号码、屋邨、大厦<br>
							· 以中山大学南方学院为例
						</p>
					</td>
				</tr>
				<tr class="input-box">
					<td style="color:white;width:100px;">
						<i class="iconfont">&#xe605;</i>目标类型:
					</td>
					<td>
						<input type="text" name="types" placeholder="如：快餐厅、学校、加油站" required autofocus>
					</td>
				</tr>
			</table>
			<button type="submit">搜索</button>
		</form>


		<!--功能2-->
		<form method='POST' action='/search4' id="login-box">
			<table class="input-box"  align="center">
			<h1>{{the_title}}</h1>
				<p>查询广州的本科学校~ 例如中山大学</p>
				<tr class="input-box">
					<td>
						<input name='name' type='TEXT' value='院校名'>
					</td>
				</tr>
			</table>
			<button type="submit">查询资料</button>
		</form>




		<form class="form-signin" method='POST' action='/search' id="login-box">
			<table>
				<h1>{{the_title}}</h1>
				<p>短途的路径规划：例如南方学院到温泉派出所</p>
				<tr class="input-box">
					<td>
						<input name='start_address' type='text' id="inputEmail" class="form-control" placeholder="起点地址" required="" autofocus="" style="border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
						<input name='end_address' type='text' id="inputEmail" class="form-control" placeholder="终点地址" required=""  style="border-radius: 0">
					</td>
				</tr>
			</table>
			<button class="btn btn-lg btn-primary btn-block" type="submit">提交</button>
		</form>


		
		<form action="/viewlog" id="login-box">
			<button type="submit">查看日志</button>
		</form>

</body>
</html>
